<template>
  <div>
    <header>
      <van-search
        v-model="value"
        placeholder="请输入搜索关键词"
        show-action="true"
      >
        <template #left>
      <van-icon name="arrow-left" @click="$router.go(-1)"/>
     </template>
    </van-search>
    </header>
    <div class="nav">
        <h3>搜索历史</h3>
        <p><van-icon name="delete-o" /></p>
    </div>
  </div>
</template>

<script>
import { Icon, Search } from "vant";
export default {
  data() {
        return {
        value:''
    };
  },
  methods: {},
  created() {},
  mounted() {},
  components: {
    [Icon.name]: Icon,
    [Search.name]: Search,
  },
  computed: {},
  watch: {},
};
</script>

<style lang='scss' scoped>
    .van-icon{
        font-size: 20px;
        margin-right: 10px;
    }
    .nav{
        width: 100%;
        display: flex;
        justify-content: space-between;
    }
</style>
